import React, { useState, useEffect } from 'react'
import './index.less'
export default function () {
  useEffect(() => {
    countTime()
  }, [])
  const [d, setd] = useState('')
  const [h, seth] = useState('')
  const [m, setm] = useState('')
  const [s, sets] = useState('')
  function countTime () {
    //获取当前时间
    console.log('111111111')
    var date = new Date()
    var now = date.getTime()
    //设置截止时间
    var endDate = new Date('2022-10-22 23:23:23')
    var end = endDate.getTime()
    //时间差
    var leftTime = end - now
    //定义变量 d,h,m,s保存倒计时的时间
    if (leftTime >= 0) {
      setd(Math.floor(leftTime / 1000 / 60 / 60 / 24))
      seth(Math.floor((leftTime / 1000 / 60 / 60) % 24))
      setm(Math.floor((leftTime / 1000 / 60) % 60))
      sets(Math.floor((leftTime / 1000) % 60))
    }

    //递归每秒调用countTime方法，显示动态时间效果
    setTimeout(countTime, 1000)
  }

  return (
    <div className='teacher_content'>
      <div className='teacher_title'>
        <div> 讲师介绍 </div>
        <div> COMPANY PROFILE </div>
      </div>

      <div>
        测试文字测试文字测试文字测试文字测试文字为商家、企字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字。最新的商业风向，进行多维度的商业赋能，测试文字
      </div>
      <div>
        测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字。
      </div>
      <div>
        距离课程开始还有{d}天：{h} :{m} : {s}
      </div>
    </div>
  )
}
